<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>申请</title>
    <link rel="stylesheet" href="./index.css" />
    <script src="./rem.js"></script>
    <script src="https://unpkg.com/dayjs@1.8.21/dayjs.min.js"></script>

    <style src="./index.css"></style>
  </head>
  <body>
    <div id="app">
      <div class="header">
        <img src="./img/arrow.png" alt="" />
        <p>查看申请</p>
      </div>
      <!--  基本信息 -->
      <div class="message">
        <div class="basic">基本信息</div>
        <ul class="list">
          <li>
            <p class="left">学/工号</p>
            <p>2021111131200</p>
          </li>
          <li>
            <p class="left">申请人</p>
            <p>邱昊</p>
          </li>
          <li>
            <p class="left">所在单位</p>
            <p>电气工程学院</p>
          </li>
        </ul>
      </div>
      <div class="message">
        <div class="basic">通行信息</div>
        <ul class="list">
          <li>
            <p class="left">通行日期</p>
            <p>{{date}}</p>
          </li>
          <li>
            <p class="left">申请事由</p>
            <p>膝盖理疗，两点一线通勤</p>
          </li>
        </ul>
      </div>
      <!-- // 空白地方 -->
      <div class="white">
        <p></p>
      </div>
      <!-- code -->
      <div class="code">
        <p class="btn">我的通行码</p>
        <img src="./img/code.png" alt="" />
        <div class="date">
          <span class="year">{{ time }}</span>
          <span class="red">{{ ss }}</span>
        </div>
      </div>
      <!-- flow -->
      <div class="flow">
        <div class="basic">流转信息</div>
        <div class="flow-list">
          <div class="box">
            <div class="left">
              <p>{{date}}</p>
              <p style="padding-bottom: 0.7rem">00:00:00</p>
            </div>
            <div class="border">
              <img src="./img/check.png" alt="" />
              <p class="border-ddd"></p>
            </div>
            <div class="right">
              <p class="title">开始</p>
            </div>
          </div>
          <div class="box">
            <div class="left">
              <p>{{date}}</p>
              <p style="padding-bottom: 1.16rem">00:00:00</p>
            </div>
            <div class="border">
              <img src="./img/check.png" alt="" />
              <p class="border-ddd"></p>
            </div>
            <div class="right">
              <p class="title">申请</p>
              <p class="">202111131200</p>
              <p class="">提交</p>
            </div>
          </div>
          <div class="box">
            <div class="left">
              <p>{{date}}</p>
              <p style="padding-bottom: 1.16rem">00:15:10</p>
            </div>
            <div class="border">
              <img src="./img/check.png" alt="" />
              <p class="border-ddd"></p>
            </div>
            <div class="right">
              <p class="title">学院管理员审核</p>
              <p class="">C0159</p>
              <p class="">通过 无</p>
            </div>
          </div>
          <div class="box">
            <div class="left">
              <p>{{date}}</p>
              <p style="padding-bottom: 0.4rem">00:15:10</p>
            </div>
            <div class="border">
              <img src="./img/check.png" alt="" />
            </div>
            <div class="right">
              <p class="title">结束</p>
            </div>
          </div>
        </div>
      </div>
      <!-- ddd -->
      <div class="ddd"></div>
    </div>
    <script src="./vue.min.js"></script>
    <script src="./index.js"></script>
  </body>
</html>
